<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="fragment" content="!">
  <title>绑定会员</title>
  <meta name="description" content="绑定会员">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
  <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
  <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"
        integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
  <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
  <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"
        integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
  <script src="https://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"
          crossorigin="anonymous"></script>
  <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"
          integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
          crossorigin="anonymous"></script>
  <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->

  <link rel="stylesheet" href="wechatBind.css">
  <link rel="stylesheet" href="styles.css">
  <link rel="stylesheet" href="bind.css">
  <script>
    var _hmt = _hmt || [];
    (function () {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?13fb3fa4526c3763c7eab88b569c68fb";
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(hm, s);
    })();
  </script>


</head>
<body>
<!--bind container-->
<div id="bind" class="bind-container">
  <div class="bg" id="bind-bg">
    <img id="bind-avatar" class="avatar" src="wechatBind/NR-avatar.png" alt=""/>

    <div class="bind-form">
      <div class="bind-div">
        <img class="bind-logo" src="wechatBind/bind/logo.png" alt=""/>
      </div>
      <div class="input-group">
        <span class="input-group-addon"><img src="wechatBind/bind/account.png" style="width: 20px" alt=""/></span>
        <input type="text" id="username" class="form-control" placeholder="请输入手机号或帐号" aria-describedby="sizing-addon2">
      </div>
      <div class="input-group">
        <span class="input-group-addon"><img src="wechatBind/bind/vcode.png" style="width: 20px" alt=""/></span>
        <input type="text" id="code" class="form-control" placeholder="请输入验证码" aria-describedby="sizing-addon2">
        <span class="input-group-btn">
        <button class="btn btn-bg" type="button" id="v-code" onclick="countcode()" value="获取验证码">获取验证码</button>
      </span>
      </div>
      <div class="input-group">
        <span class="input-group-addon"><img src="wechatBind/bind/pwd.png" style="width: 20px" alt=""/></span>
        <input type="password" id="pwd" class="form-control" placeholder="请输入密码" aria-describedby="sizing-addon2">
      </div>
        <div id="error"></div>
      <div class="btn-group btn-group-justified" role="group" aria-label="...">
        <div class="btn-group" role="group">
          <button type="button" class="btn btn-bg" onclick="doBind()">绑定手机</button>
        </div>
      </div>
    </div>
  </div>
</div>
<!--login container end-->
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src="utils.js"></script>
<script src="wechat.js"></script>
<script src="wechatBind.js"></script>
<script src="bind.js"></script>
</body>
</html>